<script setup>
const props = defineProps({
  fill: String,
})
</script>

<template>
  <div>
    <svg viewBox="0 0 14 14">
      <path
        :fill="props.fill"
        d="m8.076 8.152-.017-.05A4.335 4.335 0 0 0 7.3 6.796a4.431 4.431 0 0 0-.325-.346A2.113 2.113 0 1 0 7 2.223a2.144 2.144 0 0 0-1.838 3.18 4.374 4.374 0 0 0-1.2-.168 4.42 4.42 0 0 0-.755.066l-.038.007C1.836-.24 10.7-1.672 10.962 4.342a3.985 3.985 0 0 1-2.886 3.81zm3.662-2.137a3.949 3.949 0 0 0-.626-.235 4.473 4.473 0 0 1-1.105 1.7h.031a2.113 2.113 0 1 1-2.113 2.113 4.09 4.09 0 0 0-.025-.445 3.968 3.968 0 0 0-1.863-2.931l-.19-.11a3.963 3.963 0 1 0 .645 6.535c.082-.068.16-.14.236-.214L6.7 12.39a4.367 4.367 0 0 1-.891-1.765 2.112 2.112 0 1 1-.883-2.914q.1.05.189.11a2.111 2.111 0 0 1 .942 1.49 2.159 2.159 0 0 1 .018.28 3.963 3.963 0 1 0 5.663-3.577z"
      ></path>
    </svg>
  </div>
</template>
